.customerCard-main{
    background-color: var(--bg-one-color);
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.customerCard-host-name{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1em;
}

.customerCard-nickname-addDays {
    display: flex;
    flex-direction: column;
}

.customerCard-nickname-addDays a{
    text-decoration: none;
    color: var(--normal-font-color);
    font-size: 1.2em;
    margin-bottom: 5px;
}

.customerCard-nickname-addDays a:hover{
    text-decoration: none;
    color: var(--font-nine);
}

.customerCard-nickname-addDays span{
    font-size: 0.9em;
    color: var(--font-ten);
}

.customerCard-data-statistics {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--border-color-six);
    margin-bottom: 1em;
}

.customerCard-data-statistics-item {
    display: flex;
    flex-direction: column;
    margin: 0 1em;
}

.customerCard-data-statistics-item span{
    text-align: center;
}

.customerCard-badge {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.customerCard-badge img{
    width: 100%;
}

.customerCard-badge-item{
    width: 50px;
    padding: 5px;
}

.customerCard-button {
    display: flex;
    flex-direction: row;
}

.customerCard-button button{
    flex: 1;
    background-color: var(--bg-one-color);
    color: var(--font-eleven);
    border: 1px solid var(--boder-four-color);
    border-radius: 15px;
}

.customerCard-button button:hover{
    border-color: var(--boder-two-color);
}

.customerCard-data-basicInfo {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}
.customerCard-data-basicInfo div {
    padding-bottom: 5px;
}
.customerCard-data-basicInfo span {
    color: var(--font-eleven);
}